<!DOCTYPE html>
<html>
	<head>
		<title>smartfish</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=1024" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="description" content="smartfish 聪明的鱼 蓝色的鱼 impress.js html5 node websocket" />
		<meta name="author" content="Chunsheng Zhang" />
		<link href="http://fonts.googleapis.com/css?family=Open+Sans:regular,semibold,italic,italicsemibold|PT+Sans:400,700,400italic,700italic|PT+Serif:400,700,400italic,700italic" rel="stylesheet" />
		<link href="../css/impress-demo.css" rel="stylesheet" />
		<link rel="shortcut icon" href="../bluefish.png" />
		<link rel="apple-touch-icon" href="../bluefish.png" />
	</head>
	<body class="impress-not-supported">
		<div id="impress">
			<div id="bored" class="step slide" data-x="-1000" data-y="-1500">
				<h1 style="text-align:center;background-color:#C0C0C0;height:100px;font-size:60px;line-height:100px">smartfish</h1>
				<img src="../bluefish.png" style="text-align:left"></img>
				<div style="position:absolute;left:600px;top:200px">
					<ul>
						<li>团队名称：蓝色的鱼</li>
						<li>成员：张春生</li>
					</ul>
				</div>
			</div>
			<div id="imagination" class="step" data-x="6700" data-y="-300" data-scale="6">
				<p>
					个人开发<br />
					担任角色：<br />
					<ul>
						<li>设计</li>
						<li>美工</li>
						<li>开发</li>
					</ul>
				</p>
			</div>
			<div id="title" class="step" data-x="0" data-y="0" data-scale="4">
				<span>架构</span>
				<div>
					<ul>
						<li>前端：html5+css3</li>
						<li>后端：nodejs</li>
						<li>通信协议：websocket</li>
					</ul>
				</div>
			</div>
			<div id="its" class="step" data-x="850" data-y="3000" data-rotate="90" data-scale="5">
				<p>
					运行环境<br/>
					safari、chrome等
				</p>
			</div>
			<div id="big" class="step" data-x="3500" data-y="2100" data-rotate="180" data-scale="6">
				<p>
					数学加法运算
					<span class="thoughts">培养口算能力</span>
				</p>
			</div>
			<div id="source" class="step" data-x="6300" data-y="2000" data-rotate="20" data-scale="4">
				<p>寓教于乐</p>
				<q>快乐学习</q>
			</div>
			<div id="one-more-thing" class="step" data-x="6000" data-y="4000" data-scale="2">
				<p>
					好友互动<br />
					多人游戏
				</p>
			</div>
			<div id="its-in-3d" class="step" data-x="6200" data-y="4300" data-z="-100" data-rotate-x="-40" data-rotate-y="10" data-scale="2">
				<p>
					beta<br />
					<a href="http://vm-192-168-2-52.shengyun.grandcloud.cn/smartfish/demo/demo.html">smartfish</a><br />
					http://t.cn/zO99URD
				</p>
			</div>
			<div id="tiny" class="step" data-x="2825" data-y="2325" data-z="-3000" data-rotate="300" data-scale="1">
				<p>
					使用盛大云感受
				</p>
			</div>
			<div id="ing" class="step" data-x="3500" data-y="-850" data-rotate="270" data-scale="6">
				<p>
					<b class="positioning">自由</b>
				</p>
			</div>
			<div id="thanks" class="step" data-x="4000" data-y="-300" data-scale="6">
				<p>
					谢谢!
				</p>
			</div>
		</div>
		<div class="hint">
			<p>使用方向键浏览</p>
		</div>
		<script>
			if ("ontouchstart" in document.documentElement) { 
				document.querySelector(".hint").innerHTML = "<p>Tap on the left or right to navigate</p>";
			}
		</script>
		<script src="../js/impress.js"></script>
		<script>impress().init();</script>
	</body>
</html>